@import url(font/stylesheet.css);
body {
padding:0;margin:0;
background-color:#ccc;
background-repeat:repeat;background-attachment: fixed;
font: 14px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}


.fluid-content{width:100%;*zoom:1}


.fluid-content:before,.fluid-content:after{display:table;content:""}

.fluid-content:after{clear:both}

.fluid-content>[class*="size"]:first-child{margin-left:0}

.fluid-content {
width:100%;
zoom:1;
}

.fluid-content>[class*="subdiv"] {
float:left;
margin-left:2.127659574%;
}

.fluid-container{
width:1200px;
margin-left:auto;
margin-right:auto;
zoom:1;
}


.navBar h1 {
	margin:5px;
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
}
.navBar{
background: #004D79;
box-shadow:0px 0px 5px #000;
z-index:9999999999999999999999;
border-bottom: 1px solid #3b5998;
position:fixed;
left:0px;
right:0px;
top:0px;
color: #fff;
}


.navBar .container{
	width: 80%;
	display: table;
	margin: 0px auto;
}
.navBar .logo{
	float: left;
	height: 100%;
	width: 200px;
	text-align: left;
	vertical-align: middle;
	display: table;
	margin: 0px 20px 0px 20px;
	height:100%;
	font-size:30px;
	color: #fff;
}
.navBar .navigation{
	display:block; 
	margin: 0px 5px;
	width:auto; 
	float: right; 
	color:#CCCCCC;  
	font-size:15px;
	font-family: Helvetica, Arial, sans-serif;
}
.navBar .navigation .nav{
	display:block; 
	margin: 0px auto;
}
.navBar .navigation .nav a{
	float:left;
	font-weight:bold;
text-decoration:none;
}
.navBar .navigation .nav a:hover{
	background-color:#2D446B;
}
.navBar .navigation .nav a div{		
	color:whiteSmoke;
	margin: 12px 17px;
	text-shadow: #43649E 1px 1px 5px;
}
.navBar .navigation .nav a:hover div{
	color: white;
	margin-bottom:7px;
}
.navBar .navigation .nav a:hover{
	border-bottom:5px solid rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
	box-shadow: inner 0 0 5px rgba(0,0,0,0.1);
}
.navBar .container form{
	display: table;
	width: 140px;
	text-align: left;
	margin:0px 5px 0px 0px;
	float:right;
}
.navBar .container form .sfrase{
	display: table;
	width: 150px;
	height: 22px;
	text-align:left;
	margin: 5px 0px 5px 0px;
	padding: 0px 10px 0px 10px;
	border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; 
	background-color:#C6E2EE;
	color:#5C6475;
	size:11px;
	font-size:11px;
	border: 3px solid #3B5998;
	float:right;
	background-image:url(http://frasebook.net/img/search_btn.png);
	background-repeat:no-repeat;
	background-position: 95% 50%;
}
.navBar .container form .sfrase:hover{
	border: 3px solid #CC9900;	
	background-color:#FFFFFF;
}
.navBar .container form .red{
	color:#FF0000;
}
.like-button{
display:inline-block;
margin-right:10px;
vertical-align:middle;
width:70px;
height:20px;
background: url(http://i.imgur.com/M9x1l.png) no-repeat center;
}
.emotes{
display:none;
background: #eee;
text-align:center;
padding:20px;
text-align:justify;
font-size:16px;
margin-top:15px;
margin-bottom:5px;
box-shadow: inset 0 0px 8px rgba(0,0,0,.05);
}
.create .error,.create .success{
display:none;
padding:20px;
padding-top:10px;
padding-bottom:10px;
text-align:justify;
font-size:14px;
color: #fff;
margin:5px 0px;
box-shadow: inset 0 0px 8px rgba(0,0,0,.05);
}
.create .error{
background: #B92113;
}
.create .success{
background: #ACDC64;
}

.emote-item{
display:table-cell;
}
.emote-line{
display:table-row;
}
.emote{
color: #3b5998;
display:block;
text-align:center;
vertical-align:middle;
margin:5px;
width:35px;
padding:5px;
border:1px solid rgba(0, 0, 0, 0.1);
}

::-moz-selection {
background: #3b5998;
color: #fff;
}/* Firefox - Keep separate from "::selection" */
 
::selection {
background: #3b5998;
color: #fff;
}


.sidebar-wrapper{
width: 310px;
background: rgba(255, 255, 255, .9);
border: 1px solid rgba(0, 0, 0, .2);
border-top-width: 0px;
padding:10px;
padding-bottom:15px;
padding-top:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;

}
.sidead{
border: 0px !important;
}
.sidebar-item{
border: 1px solid rgba(0, 0, 0, .1);
margin-top:15px;
width: 305px;
border-radius:3px;
}
.sidebar-item-wrapper{
padding:10px;
background: #fff;
}
.sidebar-item-title{
/*background:#F9F4F3;*/
background: #F2F4F8;
padding:8px;
display:block;
font-weight: bold;
font-size:14px;
margin:0px;
border-bottom:1px solid #e3e3e3e;
}

.copyright{
/*background: #F9F4F3;*/
background: #F2F4F8;
}
.main-wrapper{
background-color: rgba(255, 255, 255, 0.7);
min-height:100%;
width: 755px;
border:1px solid rgba(0, 0, 0, .2);
border-top-width:0px;
border-bottom-width:0px;
/*box-shadow:0px 0px 10px #000;*/
}
.main-wrapper .box{
margin:10px;
margin-bottom:0px;
margin-top:20px;
}
.main-wrapper .white{
border: 1px solid rgba(0, 0, 0, .1);
background: #fff;
padding: 12px;
display:block;
border-radius: 6px;

}
.main-wrapper .create{
	padding:0px;
}
.main-wrapper .create, .main-wrapper .phrase{
/*background: whiteSmoke;*/
}
.main-wrapper .phrase h2, .emotes{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
margin-bottom:10px;
}
.box:nth-of-type(1), .sidebar-item:nth-of-type(1){
margin-top:60px !important;
}

.phrases-title, .phrases-item, .phrases-load-more{
margin-top:-1px;
background: #fff;
padding: 12px;
display:block;
border: 1px solid rgba(0, 0, 0, .1);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

.phrases-item:hover, .phrases-item:active, .phrases-item:focus, .phrases-item:hover a{
cursor:pointer;
color:#019AD2;
text-decoration:none;
background: whiteSmoke;
}
.phrases-item a{
line-height:20px;
}
.phrases-load-more{
border-bottom-right-radius:6px;
border-bottom-left-radius:6px;
border-bottom-width:0px;
background: whiteSmoke;
text-align:center;
box-shadow: inset 0 3px 8px rgba(0,0,0,.05);
}
.phrases-load-more:hover{
background: #EEE;
cursor:pointer;
text-decoration: underline;
}
.phrases-title{
border-top-right-radius:6px;
border-top-left-radius:6px;
}
h2{
font-weight: bold;
line-height: 20px;
font-size:18px;
margin:0px;
}
textarea{
width:97%;
height:auto;
overflow:hidden;
border-radius:4px;
padding: 1.5%;
margin:10px;
margin-left:0px;
margin-right:0px;
border:1px solid rgba(0, 0, 0, .1);
display:block;
}
form{
margin:0;
}
.follow-button{
overflow:visible;
padding:10px;
color:#333;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;

background-color:#02779E;
border:1px solid rgba(0, 0, 0, 0.1);
font: 12px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
color: #fff;
}

#new-quote-count{
border: none;
outline: none;
background:transparent;
cursor: default;
color:#777;
width: 35px;
opacity: .65;
font: normal 14px 'helvetica neue','lucida grande',helvetica,arial;
text-shadow:0 1px 0 rgba(255, 255, 255, .75);
}
.has-placeholder{
  color: #aaa;
}
input[type=submit][disabled],input[type=text][disabled], textarea[disabled] {
color:#777;
text-shadow:0 1px 0 rgba(255,255,255,.75);
cursor:default;
background-image:none;
filter:alpha(opacity=65);
-moz-opacity:.65;opacity:.65;
background: #eee;
border-color: #ccc;
}
.ajaxing{
color: transparent !important;
background-image:url(../img/spinner.gif) !important;
background-repeat:no-repeat !important;
background-position: center !important;
}
.link{
color: #0084B4;
text-decoration:none;
}
.link:hover, .link:active, .link:focus{
text-decoration:underline;
}
.phrases-list{
display:table;
width:100%;
}
.phrases-item{
display:table-row;
}
.phrases-item a{
border: 1px solid rgba(0, 0, 0, .1);
display:table-cell;
padding:12px;
}
.like-button{border-right-width:0px !important;border-top-width:0px !important;}
.like-text{border-left-width:0px !important;border-top-width:0px !important;}